<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="KineticX - 创新的设计系统解决方案">
  <title>KineticX | 创新的设计系统</title>
  <link rel="stylesheet" href="css/style.css">
  <style>
    .root {
      width: 100%;
      /* height: 200px; */
      padding-top: 80px;
    }
  </style>
</head>

<body>
  <!-- react根节点 -->
  <div class="root" id="root">123</div>
  <!-- 导航栏 -->
  <!-- <header class="site-header" role="banner">
    <nav class="main-nav" role="navigation" aria-label="主导航">
      <div class="nav-container">
        <a href="/" class="logo" aria-label="KineticX 首页">
          <img src="assets/images/logo.svg" alt="KineticX Logo" width="120" height="40">
        </a>
        <button class="mobile-menu-toggle" aria-label="打开菜单" aria-expanded="false">
          <span class="menu-icon"></span>
        </button>
        <ul class="nav-links">
          <li><a href="#features" aria-current="page">功能</a></li>
          <li><a href="#solutions">解决方案</a></li>
          <li><a href="#pricing">定价</a></li>
          <li><a href="#contact">联系我们</a></li>
        </ul>
      </div>
    </nav>
  </header> -->


  <script src="js/main.js"></script>
  <!-- <script type="module" src="./index.js"></script> -->
</body>

</html>